<!DOCTYPE html>
<html lang="en">
<head>
    <meta charset="UTF-8">
    <title></title>
</head>
<body>
    <!--idea软件
        1、事件：用户或者浏览器触发的
        2、事件处理程序：处理事件的函数操作，一般都是带“on”
        3、事件处理程序的类型：
            html事件处理程序-------借助元素带on的属性
            js事件处理程序：dom0级别   document.getElementById("box").onclick=function(){}
                           dom2级别   document.getElementById("box").addEventListener();

        4、addEventListener(eventname,fn,boo)-----给某个事件添加事件监听
            （1）eventname:事件名称
            （2）fn:处理事件的函数
            （3）boo:这是一个布尔类型的值，true（捕获） false(冒泡)
        5、 网景：  事件捕获     从大到小    window---html---body---元素
           ie:事件冒泡   从小到大   目标元素---body---html---window

        6、事件阻止，事件的拦截------Event
            如何获取Event：在事件处理函数中以参数的形式传递进来
    -->
</body>
</html>